<template>
	<view class="page">
		<view class="title">
			欢迎登录 靠谱京准
		</view>
		<view class="align-center justify-between inputbox">
			<view class="align-center  ft16 mr15 ">
			<text class="mr6">+86 </text>	<uv-icon name="arrow-down-fill" size="10"></uv-icon>
			</view>
			  <uv-input v-model="phone" placeholder="请输入手机号"  type="number" border="none" ></uv-input>

		</view>
        <view class="desc">
        	未注册的手机号验证通过后将自动注册
        </view>
				<uv-button :custom-style="customStyle" type="primary" @click="toCode" :disabled="getPhone" text="验证并登录"></uv-button>

			
		
	
		
            

		
	</view>
</template>

<script>
	import operate from '@/common/operate.js'
	export default {
		data() {
			return {
                   phone:"",
					checkboxValue:[1],
                    customStyle:{
						width: '686rpx',
						height:'96rpx',
						marginTop:'48rpx',
						borderRadius:"12rpx",
											background: '#228CFC',
					}
			}
		},
        onLoad() {
          
        },
        mounted() {
          
        },
		computed:{
				getPhone(){
						return this.$utils.checkStr(this.phone,'mobile')
				}
		},
		methods: {
          toCode(){
			  uni.navigateTo({
			  	url:'/pages/codeInput/login'
			  })
		  }
			
			

		}
	}
</script>

<style lang="scss">
	.page {
		background-color: #ffffff!important;
		height: 100vh;
		padding-top: 24rpx;
		padding-left: 32rpx;
	}

	
    .title{
      color:rgba(0, 0, 0, 0.90);
      text-align: left;
      font-family: "PingFang SC";
      font-size: 40rpx;
      
      
      // font-weight: 600;
	  margin: 0 auto 24rpx;
	  line-height: 72rpx;
    }
	.desc{
		color: var(--text-icon-font-gy-340, rgba(0, 0, 0, 0.40));
		margin-top: 24rpx;
		/* Body/Small */
		font-family: "PingFang SC";
		font-size: 24rpx;
		font-style: normal;
		font-weight: 400;
		line-height: 40rpx; /* 166.667% */
	}
    .submit{
      width: 690rpx;
      height: 100rpx;
      border-radius: 999px;
      background:  #228CFC;
        margin-top: 112rpx;
        font-size: 32rpx;
        color: #FFFFFF;
        text-align: center;
        line-height: 100rpx;
    }
    .inputbox{
		border-bottom: 1rpx solid #E7E7E7;
		height: 112rpx;
	}
</style>